<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
	<!--js-->
	<script type="text/javascript" src="resources/bootstrap/jquery-2.1.1.min.js"></script>
	<script type="text/javascript" src="resources/angular/angular.min.js"></script>
	<script type="text/javascript" src="resources/js/controller/login.js"></script>
	<!--css-->
    <link rel="stylesheet" type="text/css" href="resources/css/styles.css">
	<link rel="stylesheet" href="resources/css/common.css" type="text/css" />
<style type="text/css">
*{ font-family: "Source Sans Pro", sans-serif; }
body { background-color: #428bca; }
</style>
</head>
<body>

<div class="wrapper" ng-app="app">

	<div class="container" ng-controller="loginController">
		<h1>欢迎登录special food 订餐系统</h1>
		<form class="form">
			<input type="text" ng-model="login.name" placeholder="用户名">
			<input type="password" ng-model="login.password" placeholder="密码">
			<div><button class="shorbtn" type="button" ng-click="userLogin()" >用户登录</button>
			<button class="shorbtn"  type="button" ng-click="businessLogin()" >商家登录</button></div>
			<button class="btn" ng-click="register()">用户注册</button>
			<button class="btn" ng-click="businessRegister()">商家注册</button>
			<div class="top">
				<a class="hand" ng-click="clear()">清空</a>
				<a class="hand"  type="button" ng-click="adminLogin()" >管理员登录</a>
			</div>

		</form>
	</div>
	
	<ul class="bg-bubbles">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
	
</div>
<script type="text/javascript">
$('#login-button').click(function(event){
	event.preventDefault();
	$('form').fadeOut(500);
	$('.wrapper').addClass('form-success');
});
</script>

</body>
</html>